<template>
    <div>
        <h2>用户登录</h2>
        <div>
            <input type="text" v-model="username" />
            <button @click="login">登录</button>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            username: "admin"
        };
    },
    methods: {
        login() {
            this.$store.dispatch("user/login", { username: this.username })
                .then(() => {
                    this.$router.push({
                        path: this.$route.query.redirect || "/user-center"
                    });
                })
                .catch(error => {
                    alert(error);
                });
        }
    }
};
</script>